- cssFileArr.push('/css/base.css')
- jsFileArr.push('/js/base.min.js')
include header
#contentContainer
  #leftContaier
    #downloadBtn
      a(href='/base.zip', target='_blank') 下载BASE-UI
  #rightContainer
    #infoContainer
      h1 为什么自己去开发一套UI框架？
      p 有人问过我，已经有现成的框架，为什么我自己还去弄一套不见得好，而且自己维护的时间也不多，BUG不少，估计没什么人用的框架。
        当时我想了一下，发现原来答案只是因为我无聊。
        是的，因为我有些时候我不知道可以做些什么，那干嘛不写写代码。一直都认为我自己是喜欢写代码的，是的，真的喜欢。
        只不过把自己的兴趣变成了工作之后，很多东西就变了而已。很多时候，我们没办法去选择变化，那么只好去适应了。
        所以，别问我为什么去开发一个框架（一个问题特别多的框架），我只是想打发一下我的时间而已。
      h1 BASE UI
      p BASE是基于jQuery1.7版本的，当然，如果要使用低版本的（1.4以上），只需要把$.fn.on = $.fn.bind就可以了。BASE是由以前的
        a(href="http://code.google.com/p/angela/", target="_blank") ANGELA UI
        （我差不多一年前写的）修改过来的。BASE与ANGELA有着比较大的区别，BASE使用模拟类的方式来实现各UI，每个UI都可以通过new来创建建，当然也提供了jQuery的方法来创建。
        还有一个估计很多人不喜欢的修改，就是BASE改用了
        a(href="http://www.coffeescript.org/", target="_blank") coffeescript
        ,
        a(href="http://lesscss.org/", target="_blank") lesscss
        来写，当然有兴趣的朋友去了解一下，很快就可以上手了。BASE的UI控件有：accordion，buttonset，dialog，dropdownlist，list，menu，progressbar，slide，tip。
        而ANGELA中提供的grid，calendar和tree暂时未修改完成，以后再增加。
    #demoContainer
      h3.widgetTitle accordion
      #accordionDemo
        div(title="WebM格式大提升")
          p 今年早期，Google终于做出了一件众所期待的行动：发布了开源的VP8编码器。
          它成为WebM项目的一部分，后者在一个Matroshka容器中结合了VP8视频与Vorbis音频。
          WebM项目的产品管理者John Luther给出了项目进展情况——情势非常好。
        div(title="XBMC 11 发布")
          p XBOX 媒体中心 XBMC 全新版本 11 发布了，下载地址：
            a(href="http://xbmc.org/download/", target="_blank") http://xbmc.org/download/
            XBMC 支持 Windows、Linux 和 Mac OS X，详细内容请看官方发行说明：
            a(hrf="http://xbmc.org/natethomas/2012/03/24/xbmc-11-0-eden/", target="_blank")http://xbmc.org/natethomas/2012/03/24/xbmc-11-0-eden/
            XBMC的全称是XBOX Media Center，顾名思义他就是XBOX平台的媒体中心。对于XBOX玩家来说如果没有安装XBMC，那么玩XBOX至少缺了一半的乐趣，甚至毫不夸张的说，XBMC才是很多玩家购买XBOX的真正目的。
        div(title="Kis Project 1.0.0 发布")
          p KIS 项目管理软件发布最新 1.0.0 版本 Kis (Keep it simple) 是一款免费的基于WEB的团队协作的项目管理软件， 基于GPL协议，完全开放源代码。 
            它用于帮助公司和团队记录、跟踪、管理工作中的问题：包括产品BUG, 售后问题，任务安排，需求管理等。 
            同时为使用者提供一个分配、流转和协作处理问题的工作平台。 Kis 简单实用,功能丰富,能帮助你更快,更有效的完成高质量的产品和项目。
        div(title="GCC 4.7.0 发布")
          p GCC 首个公开发布版本是在 1987 年由 Richard Stallman 发布的，到今天已经整整 25 年了。
            为了庆祝 25 周年，GCC 也相应发布了 GCC 4.7.0 版本，这是 GCC 一个全新的重要版本。
          p GCC 4.7.0 带来了一组关于链接时优化 (LTO) 框架可提升伸缩性和降低内存使用，据开发者称，在 64 位系统上需要 8G 内存来对 Firefox 进行优化，而是用了 LTO 后只需 3G。
          p 此外就是体验的支持软件事务内存，支持更多 C++11 标准，包括原子性、C++11 内存模型，用户定义文字、别名声明、构造器委派和可扩展的语法等。
          p GCC 4.7.0 还改进对 Fortran 的支持，支持 Google Go 1 等等多项改进。
        div(title="Mono 2.11.0 发布")
          p Mono 2.11.0 发布了，下载地址：
            a(href="http://www.go-mono.com/mono-downloads/download.html", target="_blank") http://www.go-mono.com/mono-downloads/download.html
          p Mono 是一个由Novell 公司主持的项目。该项目的目标是创建一系列符合ECMA 标准（Ecma-334 和Ecma-335）的.NET 工具，包括C# 编译器和共通语言执行平台。与微软的.NET Framework 不同，Mono 项目不仅可以运行于Windows 系统上，还可以运行于Linux，FreeBSD，Unix，Mac OS X 和Solaris。
      h3.widgetTitle buttonSet
      #buttonSetDemo
        a(href="javascript:;") 添加
        a(href="javascript:;") 保存
        a(href="javascript:;") 我已知道
      h3.widgetTitle dialog
      #dialogDemo(title="请输入你需要填写的信息")
        .content
          p 腾讯前端框架 JX, 是模块化的非侵入式Web前端框架，创建于2008年，既适用于 Web Page 项目，也适用当前流行的Web App项目，特别适合构建和组织工业级大规模的Web App，JX兼容全部主流浏览器，包括非常不情愿的IE6。
          ul
            li 微内核设计：内核可完全分离出来，用于构建其他的框架
            li 自由拼装各个模块
            li 命名空间、原生对象零污染
            li 无缝集成各种js框架：与jQuery, YUI, Mootools, Prototype.js 等框架无缝集成；与多种局部框架无缝集成，如：Mini, Sizzle, cssQuery, xpath, JSON 等等
            li 多版本共存：如采用的Jx版本过旧，旧有的Javascript代码不能与新版本Jx兼容，则可以采用多版本共存的方式保持程序的可延续性
            li 分层设计：Javascript核心层，与Javascript解释引擎无关的封装和扩展；浏览器端Javascript层，对浏览器中的Javascript引擎部分的封装和扩展
      h3.widgetTitle dropDownList
      #dropDownListDemo
        ul
          li 选项一
          li 选项二
          li 选项三
          li 选项四
          li 选项五
          li 选项六
          li 选项七
          li 选项八
          li 选项九
      h3.widgetTitle list
      #listDemo(title="列表")
        .content
          ul(data-key="0")
            li(data-key="1") 列表一
            li(data-key="2") 列表二
            li 列表三
            li 列表四
            li 列表五
            li 列表六
            li 列表七
            li 列表八
            li 列表九
          ul(data-key="1")
            li(data-key="2") 列表一一
            li 列表一二
            li 列表一三
            li 列表一四
            li 列表一五
            li 列表一六
            li 列表一七
            li 列表一八
            li 列表一九
          ul(data-key="2")
            li 列表二一
            li 列表二二
            li 列表二三
            li 列表二四
            li 列表二五
            li 列表二六
            li 列表二七
            li 列表二八
            li 列表二九
      h3.widgetTitle menu
      #menuDemo
        ul
          li 
            a(href="#") 主页
          li 
            a(href="#") 个人相关
            ul
              li a(href="#") 我的博客
              li a(href="#") 我的时事
              li a(href="#") 我的喜欢
              li a(href="#") 我的收集
              li a(href="#") 我的回收
          li
            a(href="#") 测试
            ul
              li a(href="#") 文本测试
              li a(href="#") 音乐
              li a(href="#") 图片
              li a(href="#") 影片
              li a(href="#") 小说
          li
            a(href="#") 联系我们
      h3.widgetTitle progressBar
      #progressBarDemo
      h3.widgetTitle slide
      #slideDemo
      h3.widgetTitle tip
      #tipDemo
        p 提示文字框！！！

